<template>
	<view class="page">
		<image src="../../static/register/top.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">山西省大同市</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">基本要求</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					三年安全驾驶经验；
				</view>
				<view class="item">
					<text>2.</text>
					年龄23~55周岁；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合代驾的其他历史证明；
				</view>
				<view class="item">
					<text>4.</text>
					有熟练驾车经验；
				</view>
				<view class="item">
					<text>5.</text>
					身体健康，无肢体残疾和大面积纹身；
				</view>
				<view class="item">
					<text>6.</text>
					需要提供身份证、驾驶证、直系亲属联系方式，并保存前述材料的真实合法性；
				</view>
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">基本要求</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册</text>
						<text class="item-desc">在小程序上完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">基本信息提交</text>
						<text class="item-desc">按照流程提交本人身份证、驾驶证</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">信息审核</text>
						<text class="item-desc">对提交信息以及证件进行审核</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">签署合同</text>
						<text class="item-desc">收到邮寄的合同后必须本人签署</text>
					</view>
				</view>
			</view>
		</view>
		<button class="btn" open-type="getUserInfo" @tap="register()">立即注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
export default {
	data() {
		return {
			code: null
		};
	},
	methods: {
		// 司机注册函数
		register: function() {
			let that = this; // this指代当前Vue
			uni.login({
				provider: 'weixin', // provider : 登录服务提供商
				// success : 接口调用成功的回调函数
				success: function(resp) {
					let code = resp.code;
					that.code = code;
				}
			});
			// 获取用户信息.每次请求都会弹出授权窗口,用户同意后返回 userInfo
			uni.getUserProfile({
				desc: '获取用户信息',
				success: function(resp) {
					let nickname = resp.userInfo.nickName; // 用户昵称
					let avatarUrl = resp.userInfo.avatarUrl; // 用户头像Url
					// 将微信用户信息存储, 用于注册;
					let data = {
						code: that.code,
						nickname: nickname,
						photo: avatarUrl
					};
					// 小程序向司机端Bff发起请求
					that.ajax(that.url.registerNewDriver, 'POST', data, function(resp) {
						let token = resp.data.token;
						// 将 token 存储在本地缓存中指定的 key 中
						uni.setStorageSync('token', token);
						uni.setStorageSync('realAuth', 1);
						// 注册成功后,显示u-toast进行消息提示
						that.$refs.uToast.show({
							title: '注册成功',
							type: 'success',
							callback: function() {
								// 关闭当前页面,跳转到实名认证界面
								uni.redirectTo({
									url: '../../identity/filling/filling?mode=create'
								});
							}
						});
					});
				}
			});
		}
	}
};
</script>

<style lang="less">
@import url('register.less');
</style>
